<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

    <meta charset="utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <title>课程预约</title>

    <script>
    </script>
    <link rel="stylesheet" href="/html/files/reset.css"/>
    <link rel="stylesheet" href="/html/files/index.css"/>
    <link href="/html/files/groupSchedulesApp.css" rel="stylesheet"/>
</head>
<body class="">
<div class="m-loading f-dn" id="loading"><i></i>

    <p>加载中</p></div>

<div>
    <div>
        <ul class="m-calendarHeader retainbb">
            <li class="day z-active">
                <div class="ctnWrap retainbr"><p class="date">06.16</p>

                    <p class="dateName">今天</p></div>
            </li>
            <li class="day">
                <div class="ctnWrap retainbr"><p class="date">06.17</p>

                    <p class="dateName">明天</p></div>
            </li>
            <li class="day">
                <div class="ctnWrap retainbr"><p class="date">06.18</p>

                    <p class="dateName">后天</p></div>
            </li>
            <li class="dateIcn"><img
                    src="/html/files/date.png"
                    alt=""/></li>
        </ul>
    </div>
    <div>
        <div class="m-selectShop" style="">
            <div class="header retainbb"><p class="txt f-thide"><span>当前门店:&nbsp;</span> <span class="name f-thide">天翠园门店</span>
                <i class="iconfont icon-next"></i></p>
                <button class="btn">切换门店</button>
            </div>
        </div>
    </div>
    <ul class="m-groupScheduleList" style="">
        <li class="retainbb retainbt"><i class="icn u-icn-guide"></i>

            <div class="f-cf">
                <div class="sideWrap f-fl"><p class="main">10:00</p>

                    <p class="sub">-11:00</p></div>
                <div class="mainWrap">
                    <div class="header f-cf">
                        <div class="titleWrap f-fl"><h3 class="title f-thide">随心瑜</h3></div>
                        <p class="f-fr link">课程详情<i class="icn u-icn-arrowRight-grey"></i></p></div>
                    <div class="container f-cf">
                        <div class="imgWrap f-fl"><img
                                src="/html/files/cc60a3d7c53d3f0d7ff67c1ff6216805.png"
                                alt="课程图片"/></div>
                        <div class="txtWrap">
                            <div class="coachInfo">
                                <div class="f-fl imgWrap imgWrap-round"><img
                                        src="/html/files/7f362320fb3c82270f6c9c623e39ba92.png"
                                        alt="教练头像"/></div>
                                <div class="coach">
                                    <p class="f-thide">Nadia</p>
                                </div>
                            </div>
                            <div class="scheduleInfo">
                                <p class="narrow f-thide"></p>
                                <p class="narrow f-thide"><i class="icn u-icn-overdue"></i><i
                                        class="txt s-txt-warn">已过期</i></p></div>
                        </div>
                        <div class="btnWrap">
                            <button class="u-btn u-btn-sub z-disabled">预约</button>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="retainbb retainbt"><i class="icn u-icn-guide"></i>

            <div class="f-cf">
                <div class="sideWrap f-fl"><p class="main">12:00</p>

                    <p class="sub">-13:30</p></div>
                <div class="mainWrap">
                    <div class="header f-cf">
                        <div class="titleWrap f-fl"><h3 class="title f-thide">阿斯汤加</h3></div>
                        <p class="f-fr link">课程详情<i class="icn u-icn-arrowRight-grey"></i></p></div>
                    <div class="container f-cf">
                        <div class="imgWrap f-fl"><img
                                src="/html/files/cd1ba4334df166d4afbac8b33df2f7ee.jpg"
                                alt="课程图片"/></div>
                        <div class="txtWrap">
                            <div class="coachInfo">
                                <div class="f-fl imgWrap imgWrap-round"><img
                                        src="/html/files/75656eb980b79e7748041f830332cc62.png"
                                        alt="教练头像"/></div>
                                <div class="coach">
                                    <p class="f-thide">凯明</p>
                                </div>
                            </div>
                            <div class="scheduleInfo">
                                <p class="narrow f-thide"></p>
                                <p class="narrow f-thide"><i class="icn u-icn-overdue"></i><i
                                        class="txt s-txt-warn">已过期</i></p></div>
                        </div>
                        <div class="btnWrap">
                            <button class="u-btn u-btn-sub z-disabled">预约</button>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="retainbb retainbt"><i class="icn u-icn-guide"></i>

            <div class="f-cf">
                <div class="sideWrap f-fl"><p class="main">18:00</p>

                    <p class="sub">-19:15</p></div>
                <div class="mainWrap">
                    <div class="header f-cf">
                        <div class="titleWrap f-fl"><h3 class="title f-thide">哈他基础</h3></div>
                        <p class="f-fr link">课程详情<i class="icn u-icn-arrowRight-grey"></i></p></div>
                    <div class="container f-cf">
                        <div class="imgWrap f-fl"><img
                                src="/html/files/1e2abe740d1b918cef6b32bace688a04.jpg"
                                alt="课程图片"/></div>
                        <div class="txtWrap">
                            <div class="coachInfo">
                                <div class="f-fl imgWrap imgWrap-round"><img
                                        src="/html/files/7f362320fb3c82270f6c9c623e39ba92.png"
                                        alt="教练头像"/></div>
                                <div class="coach">
                                    <p class="f-thide">苹果</p>
                                </div>
                            </div>
                            <div class="scheduleInfo">
                                <p class="narrow f-thide"></p>
                                <p class="narrow f-thide"><i class="icn u-icn-user"></i> <i class="txt f-thide">还可报名<i
                                        class="s-txt-live">0</i>人</i></p></div>
                        </div>
                        <div class="btnWrap">
                            <button class="u-btn u-btn-sub">预约</button>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="retainbb retainbt"><i class="icn u-icn-guide"></i>

            <div class="f-cf">
                <div class="sideWrap f-fl"><p class="main">18:30</p>

                    <p class="sub">-19:45</p></div>
                <div class="mainWrap">
                    <div class="header f-cf">
                        <div class="titleWrap f-fl"><h3 class="title f-thide">塑臀瑜伽</h3></div>
                        <p class="f-fr link">课程详情<i class="icn u-icn-arrowRight-grey"></i></p></div>
                    <div class="container f-cf">
                        <div class="imgWrap f-fl"><img
                                src="/html/files/cc60a3d7c53d3f0d7ff67c1ff6216805.png"
                                alt="课程图片"/></div>
                        <div class="txtWrap">
                            <div class="coachInfo">
                                <div class="f-fl imgWrap imgWrap-round"><img
                                        src="/html/files/339427acdee210f3722605c56a86c38c.png"
                                        alt="教练头像"/></div>
                                <div class="coach">
                                    <p class="f-thide">阳阳</p>
                                </div>
                            </div>
                            <div class="scheduleInfo">
                                <p class="narrow f-thide"></p>
                                <p class="narrow f-thide"><i class="icn u-icn-user"></i> <i class="txt f-thide">还可报名<i
                                        class="s-txt-live">0</i>人</i></p></div>
                        </div>
                        <div class="btnWrap">
                            <button class="u-btn u-btn-sub">预约</button>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="retainbb retainbt"><i class="icn u-icn-guide"></i>

            <div class="f-cf">
                <div class="sideWrap f-fl"><p class="main">19:30</p>

                    <p class="sub">-20:45</p></div>
                <div class="mainWrap">
                    <div class="header f-cf">
                        <div class="titleWrap f-fl"><h3 class="title f-thide">阴瑜伽</h3></div>
                        <p class="f-fr link">课程详情<i class="icn u-icn-arrowRight-grey"></i></p></div>
                    <div class="container f-cf">
                        <div class="imgWrap f-fl"><img
                                src="/html/files/0892dba23bbcac74760a1c0752448830.jpg"
                                alt="课程图片"/></div>
                        <div class="txtWrap">
                            <div class="coachInfo">
                                <div class="f-fl imgWrap imgWrap-round"><img
                                        src="/html/files/7f362320fb3c82270f6c9c623e39ba92.png"
                                        alt="教练头像"/></div>
                                <div class="coach">
                                    <p class="f-thide">子豪</p>
                                </div>
                            </div>
                            <div class="scheduleInfo">
                                <p class="narrow f-thide"><i class="icn u-icn-user"></i> <i class="txt f-thide">还可报名<i
                                        class="s-txt-live">0</i>人</i></p></div>
                        </div>
                        <div class="btnWrap">
                            <button class="u-btn u-btn-sub">预约</button>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
    <div class="m-empty" style="display: none;">
        <div class="txtWrap"><p>数据加载中...</p></div>
    </div>
</div>

</body>
</html>